colors {
	bgColor:  rgb(200, 200, 200);
	/*highlightedBgColor:  rgb(150, 150, 150);*/
    highlightedBgColor: silver;
    commandMenu: white;


    /* From the tabbedform demo */
    /* bgColor: white; */
    /* highlightedBgColor: silver;*/
    titleColor: #6262d4;
    titleShadowColor: silver;
    screenBgColor: #7272f4;
    /* fontColor: black;*/
    focusedFontColor: black;
    inactiveFontColor: white;
    menubarColor: #6262d4;
    activeTabColor: #7272f4; 
    inactiveTabColor: silver;
    brightBgColor:  rgb(165,190,247);
    bgColor:  rgb(132,143,96);
	
	translucentBgColor:  argb(130, 238,241,229);
	brightFontColor: rgb(238,241,229);
	fontColor: rgb( 30, 85, 86 );
    /* the color which is used for overlays when a screen defines
the repaint-previous-screen CSS attribute: */
    overlay: argb( 150, 0, 0, 0 );

}
.home{
	padding: 2;
	padding-left: 10;
	padding-right: 10;
	background {
		type: horizontal-stripes;
		first-top-color: brightBgColor;
		second-top-color: white;
		first-bottom-color: blue;
		second-bottom-color: blue;
	}
	layout: horizontal-expand | horizontal-center | vertical-center;
	/*
	view-type: fisheye;
	fisheyeview-scale: 60%;
	fisheyeview-scale-end: 20%;
	fisheyeview-remove-text: true;		
	view-type: horizontal-gray-out;
	*/
	view-type: fisheye;
	fisheyeview-scale-start: 70%;
	fisheyeview-scale-end: 40%;
	fisheyeview-alpha-start: 200;
	fisheyeview-alpha-end: 80;
	fisheyeview-remove-text: true;		
	/* fisheyeview-max-visible: 3; */
}
.homeGrid{
	padding: 2;
	padding-left: 10;
	padding-right: 10;
	background {
		type: horizontal-stripes;
		first-top-color: brightBgColor;
		second-top-color: white;
		first-bottom-color: blue;
		second-bottom-color: blue;
	}
	layout: horizontal-expand | horizontal-center | vertical-center;
        columns: 3;
	columns-width: equal;	
	/* fisheyeview-max-visible: 3; */
}
.messageAlert extends .home {
	padding: 5;
	padding-left: 15;
	padding-right: 15;
	view-type: none;
	layout: horizontal-shrink | vertical-shrink | horizontal-center | bottom;
	background-type: simple;
	background-color: argb( 150, 255, 255, 255 ); /*translucentBgColor; */
	repaint-previous-screen: false;
	//#if polish.midp2
		screen-change-animation: fade;
	//#else
		screen-change-animation: right;
	//#endif
}
.homeCommand {
	padding: 0;
	padding-vertical: 0;
	icon-image: url( iconlarge%INDEX%.png );
	icon-image-align: top;
	layout: center;
}

.homeCommand:hover {
	font-style: bold;
	font-size: small;
	font-color: white;
	text-effect: shadow;
}

.homeCommand:pressed {
	view-type: particle;
}
/**
  * the menu style is a predefined style for
  * designing the fullscreen-menu.
  * The font-settings (font-color,
  * font-face, font-style and font-size)
  * are used to design the menu-texts
  * (like Options, Select, or Cancel).
  * With the focused-style attribute
  * another style than the default "focused"
  * style is used for the menu. 
  * The menubar-color can be set to any
  * color. When "transparent" is used,
  * the background shines through.
  */
menu {
	margin-left: 2;
	padding: 2;
	background {
		type: simple;
		color: commandMenu;
		border-width: 2;
		border-color: black;
	}
	focused-style: .menuFocused;
	menubar-color: highlightedBgColor;
	font-color: black;
	font-style: bold;
    
    /*border-type: shadow;
    border-color: gray;
    border-width: 5;
    border-offset: 5;*/
}

/**
  * The menuItem style is a predefined style
  * for the actual commands in a fullscreen-menu.
  * When the menuItem style is not defined,
  * the menu style will be used instead. 
  */
menuItem {
	margin-top: 0;
	padding: 0;
	padding-left: 1;
	font {
		color: black;
		size: small;
		style: bold;
	}
	layout: left;
}

/**
  * This is a custom style for selected
  * menu items. It is used, because it has
  * been defined in the menu style. 
  */
.menuFocused extends .menuItem {
	background-color: black;
	font-color: white;
	layout: left | horizontal-expand;
	/*after: url(dot.png);*/
}

/**
  * The title style is a predefined style which is used
  * for all screen-titles.
  */
title {
	padding: 2;
	margin-top: 8;
	margin-bottom: 10;
	margin-left: 0;
	margin-right: 0;
	font-face: proportional;
	font-size: large;
	font-style: bold;
	font-color: white;
	background-color: transparent /*highlightedBgColor*/;
    background-image: url(title.png);
	border: none;
	layout: horizontal-center | horizontal-expand;
}


.myTitle extends title {
    background-image: none;
    font-color: white;
    font-size: medium;
    font-style: plain;
    background-color: black;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    }


/**
  * The focused style is a predefined style which
  * is used by lists, forms, choice-groups and so on.
  * This style will be used for highlighting the currently
  * focused item.
  * An interesting attribute is the "after" attribute which
  * results in the heart which is painted after the currently
  * focused item.
  */
focused {
	padding: 5;
	background {
		type: round-rect;
		arc: 8;
		color: brightBgColor;
		border-color: fontColor;
		border-width: 2;
	}
	font {
		style: bold;
		color: fontColor;
		size: small;
	}
	layout: expand | left;	
}

/**
  * The .mainScreen style is a static style, which
  * is set in the MIDlet source-code with the //#style directive.
  * If the source-code would not have defined this
  * style, we could use the dynamic style "list" to design all
  * list-screens. 
  * An interesting feature is the used background, which is 
  * animated. It starts with a white backgrounds which is
  * transformed in 30 steps to a pink one. After that the animation
  * is stopped.
  */
.mainScreen {
	padding: 2;
	padding-left: 10;
	padding-right: 10;
	background {
		type: horizontal-stripes;
		first-top-color: brightBgColor;
		second-top-color: white;
		first-bottom-color: blue;
		second-bottom-color: blue;
	}
	layout: horizontal-expand | horizontal-center | top;
}
Form {
	padding: 2;
	padding-left: 10;
	padding-right: 10;
	background {
		type: horizontal-stripes;
		first-top-color: brightBgColor;
		second-top-color: white;
		first-bottom-color: blue;
		second-bottom-color: blue;
                 

	}
	layout: horizontal-expand | horizontal-center | top;
}

List extends Form{}
/**
  * The .mainCommand style is also a static style, which
  * is set in the MIDlet source-code with the //#style directive.
  * If the source-code would not have defined this
  * style, we could use the dynamic style "listitem" to design all
  * items on the list-screens. 
  * An interesting attribute is the "icon-image" URL, which uses
  * the %INDEX% keyword. The first list-item will use the image
  * "icon0.png", the second "icon1.png" and so on. 
  */
.mainCommand {
	margin: 2; /* for the missing border of the focused style */
	padding: 3;
	padding-left: 10;
	padding-right: 5;
	padding-horizontal: 10;
	background: none;
	font-color: red;
	font-style: bold;
	font-size: small;
	layout: left;
	/*icon-image: url( icon%INDEX%.png );
	icon-image-align: left;*/
}

.iconLabelStyle {
    margin: 2; /* for the missing border of the focused style */
    padding: 2;
    padding-left: 1;
    padding-right: 1;
    padding-horizontal: 3;
    background: none;
    background-color: transparent/*bgColor*/;
    font-color: blue;
    font-style: bold;
    font-size: small;
    /*max-width: 60;*/
    layout: left | expand;
    /*icon-image: url( icon%INDEX%.png );*/
    icon-image-align: left;
}

.iconTest {
    margin: 2; /* for the missing border of the focused style */
    padding: 3;
    padding-left: 1;
    padding-right: 1;
    /*padding-horizontal: 10;*/
    background: none;
    font-color: white;
    font-style: bold;
    font-size: small;
    layout: left;
    /*icon-image: url( icon%INDEX%.png );*/
    icon-image-align: left;
}

alert extends Form{
    margin-top: 10;
    margin-right: 10;
    margin-left: 10;
    margin-bottom: 15;
    /*padding: 5;*/
    padding-left: 5;
    padding-right: 5;
    /*font-color: blue;
    font-size: medium;
    font-style: plain;
    background-image: none;
    background {
        type: simple;
        color: white;
        border-width: 2;
        border-color: black;
    }
    border-type: shadow;
    border-color: black;
    border-width: 2;
    border-offset: 2;

    title-style: .myTitle;*/
    /*layout: horizontal-expand | horizontal-center | vertical-center |
vertical-expand;*/
    layout: left | top;
}

menu {
	margin-left: 2;
	padding: 2;
	background {
		type: round-rect;
		color: brightBgColor;
		border-width: 2;
		border-color: bgColor;
	}
	focused-style: .menuFocused;
	font-color: brightFontColor;
	font-style: bold;
	menubar-color: bgColor;
	view-type: slide-up;
}

/**
  * The menuItem style is a predefined style
  * for the actual commands in a fullscreen-menu.
  * When the menuItem style is not defined,
  * the menu style will be used instead. 
  */
menuItem {
	margin-top: 2;
	padding: 2;
	padding-left: 5;
	font {
		color: fontColor;
		size: medium;
		style: bold;
	}
	layout: left;
}

/**
  * This is a custom style for selected
  * menu items. It is used, because it has
  * been defined in the menu style. 
  */
.menuFocused extends .menuItem {
	background-color: bgColor;
	font-color: brightFontColor;
	layout: left | horizontal-expand;
}
screenInfo {
    font-color: blue;
    font-style: bold;
    font-size: small;
}

messageheadline {
    font-color: black;;
    font-style: bold;
    font-size: medium;
}

messagetext {
    font-color: white;;
    font-style: bold;
    font-size: small;
}




